<template>
  <grid-view>
    <goods-list-item
      v-for="(item, index) in goods"
      :key="index"
      :goods-item="item"/>
  </grid-view>
</template>
<script>
import GridView from 'components/common/gridView/GridView'
import GoodsListItem from "./GoodsListItem";

export default {
  name: "GoodsList",
  components: {
    GoodsListItem,
    GridView
  },
  props: {
    goods: {
      type: Array,
      default() {
        return [];
      },
    },
  },
};
</script>
<style scoped>
.goods {
  display: flex;
  /* 默认mowrap不包裹 */
  flex-wrap: wrap;
  /* 让图片详情模块均等分 */
  justify-content: space-around;
  padding:2px;
}
</style>
